<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>围棋 - 棋士馆</title>
    <link rel="stylesheet" href="../css/围棋.css">
</head>
<body>
    <!-- Header Section -->
    <header>
        <div class="logo">棋士馆</div>
        <div class="user-options">
            <a href="#">登录/注册</a>
            <a href="#">语言选择</a>
        </div>
    </header>

    <!-- Navigation Bar -->
    <nav>
        <ul>
            <li><a href="首页.html">首页</a></li>
            <li><a href="游戏.html">游戏</a></li>
            <li><a href="比赛.html">比赛</a></li>
            <li><a href="论坛.html">论坛</a></li>
            <li><a href="科普.html">科普</a></li>
            <li><a href="教程.html">教程</a></li>
            <li><a href="联系我们.html">联系我们</a></li>
        </ul>
    </nav>

    <!-- Go Game Introduction Section -->
    <section class="go-intro">
        <h1>围棋</h1>
        <p>围棋是一种古老的棋类游戏，源于中国，拥有几千年的历史。它以黑白棋子在棋盘上进行对弈，通过围地占据空间来争夺胜利。</p>
        <p>棋士馆为您提供一个便捷的在线围棋对弈平台，不论是新手还是高手，都可以在这里找到属于自己的对手。</p>
    </section>

    <!-- Game Controls Section -->
    <section class="game-controls">
        <h2>游戏控制</h2>
        <div class="buttons">
            <button id="startBtn" onclick="startGame()">开始游戏</button>
            <button id="pauseBtn" onclick="pauseGame()" disabled>暂停游戏</button>
            <button id="undoBtn" onclick="undoMove()" disabled>悔棋</button>
            <button id="aiBtn" onclick="aiGuidance()" disabled>AI指导</button>
            <button id="restartBtn" onclick="restartGame()" disabled>再来一局</button>
        </div>
    </section>

    <!-- Go Board Section -->
    <section class="go-board-section">
        <h2>围棋棋盘</h2>
        <div id="goBoard" class="go-board">
            <!-- The board will be dynamically generated by JavaScript -->
        </div>
    </section>

    <!-- 19x19 Grid Image Section -->
    <section class="go-board-image-section">
        <img src="../围棋棋盘.jpeg" alt="19x19 Go Board">
    </section>

    <!-- Footer -->
    <footer>
        <p>© 2024 棋士馆 | 联系我们</p>
    </footer>

    <script src="../js/围棋.js"></script>
</body>
</html>
